$text-color1: #1c1c1c;
$text-color2: #696575;
$text-color3: #45414b;
body{
    padding-top: 50px;
    .mobileNav{
        .logo-image{
            padding: 10px 0;
            max-height: 60px;
            height: 60px;
            -o-object-fit: contain;
            object-fit: contain;
        }
    }
}
.aboutUs {
    min-height: calc(60vh + 60px);
    margin-top: 20px;
    
    .content_box {
        display: flex;
        justify-content: space-between;

        .articleContent {
            color: $text-color1;
            font-size: 18px;

            .articlDetail {
                h1.title {
                    color: $text-color2;
                    margin: 15px 0;
                    font-size: 24px;
                    line-height: 1.24;
                    letter-spacing: -0.005em;
                    font-weight: 500;
                    line-height: 1.2;
                }

                .author {
                    font-size: 12px;
                    letter-spacing: 1px;

                    .type {
                        letter-spacing: 1.5px;
                        font-weight: 700;
                    }
                }

                img {
                    margin: 20px 0;
                    width: 100%;
                    border-radius: 4px;
                    min-width: 300px;
                }

                p {
                    margin-bottom: 25px;
                }
                h1{
                    font-size: 2em;
                    margin-bottom: 25px;
                    color: $text-color3;
                }
                h2 {
                    font-size: 1.285em;
                    margin-bottom: 25px;
                    color: $text-color3;
                }

                h3 {
                    font-size: 1.125em;
                    color: $text-color3;
                    margin: 27px 0 15px 0;
                }

                ul {
                    margin: 28px 0 28px 35px;

                    li {
                        margin-bottom: 7px;
                        list-style: disc !important;

                        /* 使用实心点来表示列表项 */
                        &::marker {}
                    }

                }

                .subTitle {
                    a {
                        color: #336df4;
                    }
                }
            }
           
          
        }
        .aside{
            .subPosts{
            justify-content: space-between;
                .postsText{
                    width: 240px;
                    font-size: 14px;
                }
            }
            
        }
    }
}

/* \手机端	*/
@media screen and (max-width: 765px) {
    body{
        padding-top: 70px;
    }
    .aboutUs {
        width: 90vw;
        margin: 0 auto;
        .content_box{
            display: block;
     
                    
          .aside{
            position: relative;
            width: 390px;
            margin:20px auto;
            padding: 0;
            .relatedPosts{
                .categoryTitle{
                    margin: 0;
                }
                .relatedHeading{
                    margin-bottom: 2px;
                    font-size: 14px;
                    padding: 9px 14px;
                    border-radius: 2px;
                }
                .subPosts{
                    width: 390px;
                    height: 70px;
                    .postsText{
                        padding-top: 10px;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        .postsDate{
                            display: none;
                            font-size: 14px;
                        }
                    }
                }
            }
          }
        }
    }
  
   
}